@primary-color: #108ee9;
@primary-hover-color: #49a9ee;
@gray-border-color: #c8c8c8;
@deppon-blue-color: #003c8d;
@deppon-blue-haver-color:#0050a0;
@deppon-yellow-color: #ffe100;
@normal-border-color:#D9D9D9;
@hover-opacity: 0.5;
@text-color:#333333;
@blue-hover-color:#49a9ee;
@error-color:#F04134;
@success-color:#00A854;
@warn-color:#FAAF19;
@disable-color:#919191;
@bgColor:#f5f5f5;
@font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@btn-disable-color: #919191;
@select-item:#b7ddf8;
@border-color: #d8d8d8;
//Form
@form-height:30px;//表单组件宽度
@form-font-size:12px;
@form-placeholder:#999999;
//Form larger
@form-height-large:30px;//表单组件宽度
@form-font-size-large:12px;

// Border color
@border-color-base      : #919191;  // outside
@border-color-split     : #e8eaec;  // inside
@border-width-base      : 1px;            // width of the border for a component
@border-style-base      : solid;          // style of a components border

// Background color
@background-color-base        : #919191;  // base

// Button
@btn-font-weight        : normal;
@btn-padding-base       : 5px 15px 6px;
@btn-padding-large      : 6px 15px 6px 15px;
@btn-padding-small      : 1px 7px 2px;
@btn-padding-base-icon  : 5px 15px 6px;
@btn-padding-large-icon : 6px 15px 6px 15px;
@btn-padding-small-icon : 1px 7px 2px;
@btn-font-size          : 12px;
@btn-font-size-large    : 14px;
@btn-border-radius      : 4px;
@btn-border-radius-small: 3px;
@btn-group-border       : shade(@primary-color, 5%);

@btn-disable-color      : #919191;
@btn-disable-bg         : @background-color-base;
@btn-disable-border     : @border-color-base;

@btn-default-color      : @primary-color;
@btn-default-bg         : #fff;
@btn-default-border     : @primary-color;

@btn-primary-color      : #fff;
@btn-primary-bg         : @primary-color;


@btn-circle-size        : 32px;
@btn-circle-size-large  : 36px;
@btn-circle-size-small  : 24px;

.main .container-fluid{
  padding: 10px 10px 10px 0px;
}
.main{
  background-color: #fff;
}
/*级联选择器*/
.dpCascade .input-box{
  height: auto !important;
  overflow: hidden !important;
  display: inherit;
  padding: 10px;
}
.switchBtn {
  display: inline-block;
  text-align: center;
}
.switchBtn > a {
  display: inline-block;
  padding: 7px 5px 5px 5px;
  font-size: 14px;
  color: #6a737d;
  text-decoration: none;
  cursor: pointer;
  height: 28px;
  line-height: 100%;
  background: transparent;
}
.ivu-cascader-transfer .ivu-cascader-menu-item{
  color: @text-color;
}
.ivu-cascader-transfer .ivu-cascader-menu-item:hover{
  background-color: @bgColor;
}
.ivu-cascader-transfer .ivu-cascader-menu-item-active{
  color: @primary-color;
  background-color: @bgColor;
}
/**/
div.v-dropdown-container{
  border: 1px solid #D6D7D7;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: absolute;
  top:0;
  left:0;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 3px 12px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 3px 12px rgba(0,0,0,0.2);
  z-index: 3000;
  &.sm_regular { width: auto;min-width: 150px; }
  &.sm_embed { position: relative; }
  & > .sm_select_ng { background: #fcc; }
  /*输入框设置了input-block-level样式时的特殊情况修复*/
  input.sm_input.input-block-level{
    box-sizing:border-box;
    height: 30px;
    line-height: 30px;
    min-height: 30px;
    width: 100%;
  }
  &.animate {
    -webkit-animation: dropDownFadeInDown 300ms cubic-bezier(.23,1,.32,1);
    animation: dropDownFadeInDown 300ms cubic-bezier(.23,1,.32,1);
    &.dropUp {
      -webkit-animation: dropDownFadeInUp 300ms cubic-bezier(.23,1,.32,1);
      animation: dropDownFadeInUp 300ms cubic-bezier(.23,1,.32,1);
    }
  }
}

@keyframes dropDownFadeInDown {
  from{ opacity: 0;transform: translate3d(0, -20px, 0); }
  to{ opacity: 1;transform: translate3d(0, 0, 0); }
}
@keyframes dropDownFadeInUp {
  from{ opacity: 0;transform: translate3d(0, 20px, 0); }
  to{ opacity: 1;transform: translate3d(0, 0, 0); }
}
/*F7*/
/* icons */
@font-face {font-family: "iconfont";
  src: url('?t=1530004230003'); /* IE9*/
  src: url('?t=1530004230003#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('?t=1530004230003') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('?t=1530004230003#iconfont') format('svg'); /* iOS 4.1- */
}
.sp-search{position:relative}
.search{
  position:absolute;
  top:16px;right:16px;
  color:#108ee9;
  cursor:pointer;
  font-size: 18px;
}
.sp-iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: @primary-color;
}
.sp-iconfont:hover{
  color: @primary-hover-color;
}
.sp-icon-warning:before { content: "\e663"; }
.sp-icon-clear:before { content: "\e74b"; }
.sp-icon-unselect-all:before { content: "\e634"; }
.sp-icon-select-all:before { content: "\e628"; }
.sp-icon-last:before { content: "\e67e"; }
.sp-icon-first:before { content: "\e681"; }
.sp-icon-next:before { content: "\e70d"; }
.sp-icon-previous:before { content: "\e70f"; }
.sp-icon-close:before { content: "\e600"; }
/*组件样式*/
div.v-selectpage{
  box-sizing: border-box;
  div.sp-input-container {
    position: relative;
    span.sp-placeholder { color: @text-color; }
    &.sp-open{
      div.sp-input, div.sp-inputs { border: 1px solid @primary-color ;color: @text-color;border-radius: 3px; }
      div.sp-inputs:hover { border: 1px solid @primary-hover-color ;color: @text-color;border-radius: 3px; }
      div.sp-button { border: 1px solid @primary-color ; border-left: 0; }
      div.sp-button:hover { border: 1px solid @primary-hover-color ; border-left: 0; }
    }
    &.sp-disabled {
      color: @disable-color;
      sp-iconfont{color: @disable-color;}
      div.sp-input, div.sp-inputs { cursor: not-allowed;background-color: @bgColor; }
      div.sp-button { cursor: not-allowed; }
    }
    div.sp-base {
      display: block;
      height: 28px;
      padding: 6px 12px;
      line-height: 1.42857143;
      background-color: #fff;
      background-image: none;
      border: 1px solid @normal-border-color;
      border-radius: 3px;
      -webkit-box-shadow: none;
      box-shadow: none;
      /*-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
    }
    .sp-input-container:hover .sp-base, .sp-input-container:hover .sp-button{
      border-color: @primary-hover-color;
    }
    div.sp-input {
      background-color: white;
      cursor: pointer;
      color: @text-color;
      opacity: 1; }
    div.sp-inputs {
      padding: 3px 24px 0 3px;
      position: relative;
      overflow: hidden;
      clear: both;
      cursor: pointer;
      list-style: none;
      height: 28px;
      span.sp-placeholder{
        margin-left: 9px;
        margin-top: 3px;
        display: inline-block; }
      span.sp-selected-tag {
        list-style: none;
        padding: 0 5px;
        margin-right: 3px;
        margin-bottom: 3px;
        float: left;
        position: relative;
        box-sizing: content-box;
        border: 1px solid @normal-border-color;
        border-radius: 3px;
        background-color: #EFEFEF;
        cursor: pointer;
        max-width: 100%;
        height: 18px;
        line-height: 18px;
        -webkit-transition: all .5s cubic-bezier(.175,.885,.32,1);
        transition: all .5s cubic-bezier(.175,.885,.32,1);
        &:hover{
          background-color: white;
          border: 1px solid @normal-border-color;}
        i {
          font-size: 14px; color: #AAAAAA;
          &:hover { color: black; }
        }
      }
    }
    div.sp-clear {
      position: absolute;
      top: 0;
      right: 25px;
      display: block;
      width: auto;
      height: 100%;
      cursor: pointer;
      font-size: 20px;
      color: #666666;
      font-weight: 600;
      margin: 0;
      padding: 4px 0 0 0;
      box-sizing: border-box;
      line-height: 1;
      i { font-size: 12px; }
      &:hover { color: black;font-weight: bold; }
    }
    div.sp-button {
      display: inline-block;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px;
      cursor: pointer;
      text-align: center;
      box-sizing: border-box;
      background-color: #fff;
      border: 1px solid @normal-border-color;
      border-left: 0;
      width: 24px;
      height: 100%;
      padding: 0;
      vertical-align: middle;
      line-height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      span.sp-caret {
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -2px;
        vertical-align: middle;
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        border-top: 4px dashed;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        transition:transform .2s ease;
      }
      &.open span.sp-caret { transform: rotate(180deg); }
    }
  }
}
div.sp-header {
  background-color: white;
  & > h3 {
    margin: 6px 100px 0 10px;
    text-align: left;
    height: 18px;
    color: #24292e;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
  }
  button{
    position: absolute;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: none;
    line-height: 100%;
    color: #999999;
    top: 3px;
    font-size: 21px;
    &.sp-close-btn { right: 9px; }
    &.sp-remove-all-btn { right: 55px; }
    &.sp-select-all-btn { right: 81px; }
    &.sp-clear-all-btn { right: 31px; }
    &:hover { color: black; }
  }
}
.sp-search {
  padding: 10px;
  background-color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  .sp-search-input {
    display: block;
    margin: 0 !important;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    height: 28px;
    padding: 4px 6px;
    vertical-align: middle;
    box-sizing: border-box;
    outline: none !important;
    border-radius: 2px;
    border: 1px solid @normal-border-color;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    &:focus { border: 1px solid @primary-color;}
  }
}
.sp-disabled .sp-iconfont{
  color: @disable-color;
  cursor:not-allowed;
}
div.sp-result-area{
  background-color: white;
  min-width: 298px;
  max-height: 320px;
  overflow-y: auto;
  ul.sp-results {
    background-color: white;list-style: none;margin: 0;padding: 0;
    li {
      height: auto !important;
      margin: 0;
      overflow: hidden;
      padding: 7px 16px;
      position: relative;
      text-align: left;
      white-space: nowrap;
      font-size: 12px;
      color: black;
      cursor : pointer;
      &.sp-message-box {
        height: 30px;
        line-height: 30px;
        text-align: center;
        box-sizing: content-box;
        font-size: 14px;
        cursor: default;
      }
      &.sp-over { background-color: @blue-hover-color;cursor: pointer; }
      &.sp-selected { background-color: @blue-hover-color;cursor: default; }
    }
  }
  table.sp-table {
    width: 100%;
    td,th { border: 0 !important; }
    th{
      background-color: @bgColor;padding: 5px 8px;}
    td{ padding: 4px 8px; }
    tbody {
      tr{
        &.sp-over {
          td {
            cursor: pointer;
          }
        }
        &.sp-selected,&.sp-over { background-color: @blue-hover-color;cursor: default; }
      }
    }
  }
}
div.sp-pagination {
  padding: 0;
  background-color: white;
  position: relative;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  text-align: center;
  font-size: 14px;
  div.sp-page-info {
    height: 28px;
    line-height: 29px;
    font-weight: 400;
  }
  ul {
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    width: 100%;
    li {
      display: inline-block;text-align: center;
      a {
        display: inline-block;
        padding: 7px 7px 5px 7px;
        font-size: 14px;
        color: #6a737d;
        text-decoration: none;
        cursor: pointer;
        height: 28px;
        line-height: 100%;
        background: transparent;
        &:hover { color: black;font-weight: bold; }
      }
      &.sp-right{ float:right; }
      &:first-child{ border-bottom-left-radius: 2px; }
      &:last-child{ border-bottom-right-radius: 2px; }
      &.sp-disabled {
        a { color: #DDDDDD;font-weight: normal;}
      }
    }
  }
}
div.sp-message {
  padding: 10px;
  position: relative;
  color: @error-color;
  i {position: absolute;top: 6px;font-size: 22px;}
  span{ margin-left: 30px;font-size: 16px; }
}
div.v-selectpage div.sp-input-container div.sp-clear{
  top: 1px;
  background-color: #fff;
  height: 23px;
  padding-top: 0;
  right: 24px;
}
/*头部*/
.app-header.navbar{
  position:fixed;
  flex-direction:row;
  height:50px;
  margin:0;
  padding:0;
  background-color:#3a3c64;
  background: -webkit-linear-gradient(30deg,#00358F, #003f8e);
  background: -moz-linear-gradient(30deg, #00358F, #003f8e);
  background: linear-gradient(30deg,#00358F, #003f8e);
}
.navbar-nav *{
  color: #ffe100;
}
/*底部*/
.app-footer{
  background-color:#3a3c64;
  background: -webkit-linear-gradient(30deg,#00358F, #003f8e);
  background: -moz-linear-gradient(30deg, #00358F, #003f8e);
  background: linear-gradient(30deg,#00358F, #003f8e);
  color: #ffe100;
}

/*左侧菜单*/
.ivu-menu {
  color:#333
}
.header-fixed .app-body{
  background-color: #F4F7F9 !important;
}
@border: 1px solid #d8d8d8;

/******************组件自定义样式*****************************/
// 默认字体大小
div, span,p{
  font-size: 12px;
}
/**li**/
li {list-style-type:none;}
/**a标签**/
a{
  font-size: 12px;
  &:hover{
    color: @primary-hover-color;
  }
  .link{
    color: @primary-color;
  }
}
 /*按钮**/
 .ivu-btn > span {
  vertical-align: baseline;
}
.ivu-btn{
  padding: 0px 15px;
  height: 30px;
  .ivu-icon {
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
  }
  /**大尺寸**/
  &.ivu-btn-large{
    height: @form-height-large;
    span{
      font-size: @form-font-size-large;
    }
    .ivu-icon {
      font-size: 16px;
    }
  }
  /**小尺寸**/
  &.ivu-btn-small{
    height: 20px;
  }
  /**默认按钮**/
  &.ivu-btn-default {
    color: @primary-color;
    background-color: @btn-default-bg;
    border-color: @primary-color;
    &:hover{
      border-color: @primary-hover-color;
      color: @primary-hover-color;
    }
  }
  /**主按钮**/
  &.ivu-btn-primary{
    color:  @btn-primary-color;
    background-color:@btn-primary-bg;
    border-color: @btn-primary-bg;
    &:hover{
      background-color:@primary-hover-color;
      border-color: @primary-hover-color;
    }
  }
  /**虚线按钮**/
  &.ivu-btn-dashed{
    color: @btn-default-color;
    background-color: @btn-default-bg;
    border-color: @btn-default-border;
    &:hover{
      border-color: @primary-hover-color;
      color: @primary-hover-color;
    }
  }
  /**无边框按钮**/
  &.ivu-btn-text{
    color: @primary-color;
    border:0;
    &:hover{
      background: 0 0;
      border:0;
      color: @primary-hover-color;
    }
  }
  /**info**/
  &.ivu-btn-info{
    color:  @btn-primary-color;
    background-color:@btn-primary-bg;
    border-color: @btn-primary-bg;
    &:hover{
      background-color:@primary-hover-color;
      border-color: @primary-hover-color;
    }
  }
  /**success**/
  &.ivu-btn-success{
    color:  @btn-primary-color;
    background-color:@success-color;
    border-color: @success-color;
  } 
  /**警告**/
  &.ivu-btn-warning{
    color: @btn-primary-color;
    background-color: @warn-color;
    border-color: @warn-color;
  }
  /**错误**/
  &.ivu-btn-error{
    color: @btn-primary-color;
    background-color: @error-color;
    border-color: @error-color;
  }
}
/**纯图标**/
.ivu-btn-circle.ivu-btn-icon-only{
 width: 28px;
 height: 28px;
}

/**默认ghost按钮**/
.ivu-btn.ivu-btn-default.ivu-btn-ghost{
color: @primary-color;
background-color: #fff;
border-color: @primary-color;
}
.ivu-btn.ivu-btn-default.ivu-btn-ghost:hover{
border-color: @primary-hover-color;
color: @primary-hover-color;
}
/**主ghost按钮**/
.ivu-btn.ivu-btn-primary.ivu-btn-ghost{
color:  #fff;
background-color:@primary-color;
border-color: @primary-color;
}
.ivu-btn.ivu-btn-primary.ivu-btn-ghost:hover{
color:  #fff;
background-color:@primary-hover-color;
border-color: @primary-hover-color;
}
/**虚线ghost按钮**/
.ivu-btn.ivu-btn-dashed.ivu-btn-ghost{
color: @primary-color;
background-color: #fff;
border-color: @primary-color;
}
.ivu-btn.ivu-btn-dashed.ivu-btn-ghost:hover{
border-color: @primary-hover-color;
color: @primary-hover-color;
}
/**无边框ghost按钮**/
.ivu-btn.ivu-btn-text.ivu-btn-ghost{
color: @primary-color;
}
.ivu-btn.ivu-btn-text.ivu-btn-ghost:hover{
color: @primary-hover-color;
}
/**infoghost按钮**/
.ivu-btn.ivu-btn-info.ivu-btn-ghost{
color: @primary-color;
background:0 0;
border-color: @primary-color;
}
.ivu-btn.ivu-btn-info.ivu-btn-ghost:hover{
color:@primary-hover-color;;
background:0 0;
border-color: @primary-hover-color;
}
/**success ghost按钮**/
.ivu-btn.ivu-btn-success.ivu-btn-ghost{
color:  @success-color;
background:0 0;
border-color: @success-color;
}
/**警告 ghost按钮**/
.ivu-btn.ivu-btn-warning.ivu-btn-ghost{
color: @warn-color;
border-color:@warn-color ;
background:0 0;

}
/**错误 ghost按钮**/
.ivu-btn.ivu-btn-error.ivu-btn-ghost{
color:@error-color;
background:0 0;
border-color: @error-color;
}
.ivu-btn.ivu-btn-error.ivu-btn-ghost:hover{
color:@error-color;
background:0 0;
border-color:@error-color;
}
/**禁用状态**/

.ivu-btn[disabled]{
&>span{
  color: @disable-color;
}

/**默认**/
&.ivu-btn-default{
  border-color:@btn-disable-border;
  &:hover{
    border-color:@btn-disable-border;
    background-color:@btn-default-bg;
  }
}
/**主按钮**/

&.ivu-btn-primary{
  border-color:#d8d8d8;
  color: @btn-primary-color;
  background-color: #d8d8d8;
  span{
    color:@btn-primary-color;
  };
  &:hover{
    border-color: #d8d8d8;
    background-color:  #d8d8d8
  }
};
/**虚边框按钮**/
&.ivu-btn-dashed{
  border-color:@btn-disable-border;
  background-color: @btn-default-bg;
  &:hover{
    border-color:@btn-disable-border;
    background-color: @btn-default-bg;
  }

}
/**文本按钮**/
&.ivu-btn-text{
  background: 0 0;
  border:0;
}
}

/*********************************表单********************/
/**输入框Input**/
.ivu-input{
  color: @text-color;
  border: @border;
  height: @form-height;
  font-size: @form-font-size;
  padding: 4px 7px 4px 10px;
  &:hover {
    border-color: @primary-color;
  }
  &:focus {
    border-color: @primary-color;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.ivu-input-prefix i, .ivu-input-suffix i {
  line-height: @form-height;
  color: @text-color;
}
.ivu-input-suffix i {
  line-height: @form-height;
  color: @text-color;
}
textarea.ivu-input{
  font-size: @form-font-size;
  min-height: @form-height;
}
.ivu-input-group-append, .ivu-input-group-prepend {
  padding: 4px 7px;
  font-size: inherit;
  font-weight: 400;
  line-height: 1;
  color: @text-color;
  text-align: center;
  background-color: @border-color;
  border: @border;
  border-radius: 4px;
}
.ivu-input-group-with-prepend, .ivu-input-group-with-append{
  height: @form-height;
}
//大尺寸
.ivu-input-wrapper-large {
  .ivu-input-prefix i,.ivu-input-suffix i {
    line-height: @form-height-large;
    color: @text-color;
  }
  .ivu-input-group-append.ivu-input-search{
    height: @form-height-large;
  }
  textarea.ivu-input{
    font-size: @form-font-size-large;
    min-height: @form-height-large;
  }
}

//大尺寸
.ivu-input.ivu-input-large{
  font-size: @form-font-size-large;
  height: @form-height-large;
}
//输入框按钮默认
.ivu-input-icon{
  height: @form-height;
  color: @text-color;
  line-height: @form-height;

}
//输入框按钮大尺寸
.ivu-input-wrapper-large .ivu-input-icon {
  font-size: 18px;
  height: @form-height-large;
  line-height: @form-height-large;
}
.ivu-input-group-large .ivu-input, .ivu-input-group-large>.ivu-input-group-append, .ivu-input-group-large>.ivu-input-group-prepend {
  font-size: @form-font-size-large;
  height: @form-height-large;
}
/******单选框*******/
.ivu-radio-wrapper{
  color: @text-color;
  .ivu-radio{
    margin-right: 10px;
  }
}
.ivu-radio-wrapper-disabled{
  color: @disable-color;
}
.ivu-radio-checked{
  border-color: @primary-color;
}
.ivu-radio-inner{
  border: @border;
}
.ivu-radio:hover .ivu-radio-inner {
  border-color:@primary-color;
}
.ivu-radio.ivu-radio-checked.ivu-radio-disabled .ivu-radio-inner{
  border: @border;
}
.ivu-radio.ivu-radio-disabled .ivu-radio-inner{
  border: @border;
}

//单选按钮
.ivu-radio-group-button{
  height: @form-height;
  .ivu-radio-wrapper{
    height: @form-height;
    color: @text-color;
    line-height: @form-height;
    text-align: center;
    font-size: @form-font-size;
    .ivu-radio{
      margin-right: 0px;
    }
  }
  .ivu-radio-wrapper-disabled{
    color: @disable-color;
    &:hover{
      color: @disable-color;
    }
  }
  .ivu-radio-wrapper-checked {
    color: @primary-color;
  }
  .ivu-radio-wrapper-checked.ivu-radio-wrapper-disabled{
    background-color: #d8d8d8;
    color: #fff;
  }
}
.ivu-radio-large.ivu-radio-group-button{
  height: @form-height-large;
  .ivu-radio-wrapper{
    height: @form-height-large;
    color: @text-color;
    line-height: @form-height-large;
    text-align: center;
    font-size: @form-font-size-large;
    .ivu-radio{
      margin-right: 0px;
    }
  }
  .ivu-radio-wrapper-checked {
    color: @primary-color;
  }
}
/*******复选框多选框***********/
.ivu-checkbox-wrapper {
  font-size: @form-font-size;
  color:@text-color;
}
.ivu-checkbox-wrapper-disabled,.ivu-checkbox-disabled+span{
  color: @disable-color;
}
.ivu-checkbox{
  margin-right: 10px;

}
.ivu-checkbox-inner {
  border: @border;

}
.ivu-checkbox-checked .ivu-checkbox-inner {
  border-color: @primary-color;
  background-color:@primary-color;
}

/******select下拉框******/
.ivu-select-prefix i{
  font-size: 14px;
}
.ivu-select.ivu-select-disabled.ivu-select-single{
  .ivu-select-selection{
    height: @form-height;
    line-height: @form-height;
    .ivu-select-placeholder{
      color: @disable-color;
    }
  }
}
.ivu-select{
color: @text-color;
}
.ivu-select-single .ivu-select-selection{
  height:@form-height;
}
.ivu-select-small.ivu-select-single .ivu-select-selection {
  height: @form-height;
  line-height: @form-height;
}
.ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-placeholder, .ivu-select-small.ivu-select-single .ivu-select-selection .ivu-select-selected-value{
  height: @form-height;
  line-height: @form-height;
}
.ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-placeholder, .ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-selected-value{
  height: @form-height;
  line-height: @form-height;
  font-size: 12px;
}
.ivu-select-single .ivu-select-selection .ivu-select-placeholder, .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
  padding-left: 10px ;
  height: @form-height;
  line-height: @form-height;
}
.ivu-select-item{
  height: 30px;
  padding: 7px 10px;
  color: @text-color;
  &:hover{
    color:@text-color;
    background-color: @select-item;
  }
}
.ivu-select-item.ivu-select-item-disabled{
  color: @disable-color;
  background-color: #fff
}
.ivu-select-selection{
  border: @border;
  color: @text-color;
  .ivu-tag-text{
    color: @text-color;
  }
}
.ivu-select-visible .ivu-select-selection{
  border-color: @primary-color;
}
.ivu-select-item-selected, .ivu-select-item-selected:hover {
  height: 30px;
  color:@text-color;
  background-color: @select-item;
}
//大尺寸
.ivu-select.ivu-select-single.ivu-select-large{
  height: @form-height-large;
  .ivu-select-selection{
    height: @form-height-large;
    .ivu-select-placeholder{
      height: @form-height-large;
      line-height: @form-height-large;
    }
  }
}
/********日期***********/
.ivu-date-picker-focused input{
  border-color:@primary-color;
}
span.ivu-date-picker-cells-cell{
  color: @text-color;
}
.ivu-date-picker-cells-cell:hover em{
  background:@primary-hover-color;
}
.ivu-time-picker-cells-cell:hover{
  background-color: @primary-hover-color;
}
.ivu-picker-panel-body{
color: @text-color
}
/**********级联***********/
.ivu-cascader{
 color:@text-color
}
.ivu-cascader-menu{
  border: @border;
}
.ivu-cascader-transfer .ivu-cascader-menu-item{
  color: @text-color;
  &:hover{
    background-color: @select-item;
  }
}
.ivu-cascader-transfer .ivu-cascader-menu-item-active{
  background-color: @select-item;
}
.ivu-cascader-not-found-tip{
  color: @error-color;
  font-size: @form-font-size;
  padding: 5px;
}
/******穿梭框*****/
.ivu-transfer-list-header-title,.ivu-transfer-list-header-count{
  color: @text-color;
}
.ivu-transfer-list-content-item{
  color: @text-color;
  &:hover {
    background-color:@select-item;
  }
}
.ivu-transfer-list-content-item-disabled{
  color: @disable-color;
    &:hover {
      color: @disable-color;
      background-color: #fff;
  }
}
/******数字输入框*******/
.ivu-input-with-prefix{
  padding-left: 32px;
}
.ivu-input-number{
  width: 100%;
  color: @text-color;
  border: @border;
  height: @form-height;
  line-height: @form-height;   
  .ivu-input-number-handler-wrap{
    border: @border;
    .ivu-input-number-handler {
      height: 12px;
    }
  }
  .ivu-input-number-input-wrap{
    height: @form-height;
    line-height: @form-height;   
    .ivu-input-number-input{
      height: @form-height;
      line-height: @form-height;   
      color: @text-color;
    }
  }
  
}
//大尺寸
.ivu-input-number.ivu-input-number-large{
  height: @form-height-large;
  line-height: @form-height-large;   
  .ivu-input-number-handler-wrap{
    .ivu-input-number-handler {
      height: 15px;
    }
  }
  .ivu-input-number-input-wrap{
    height: @form-height-large;
    line-height: @form-height-large;   
    .ivu-input-number-input{
      height: @form-height-large;
      line-height: @form-height-large;  
      font-size: @form-font-size-large 
    }
  }
  
}
.ivu-input-number-disabled{
  color: @disable-color
}
/***下拉菜单***/
.ivu-dropdown-item{
  color: @text-color
}
// 下拉菜单
.ivu-dropdown-item-disabled{
  color: @disable-color;
}
.ivu-dropdown-item-disabled:hover{
  background-color:#fff;
}
.ivu-dropdown-item.ivu-dropdown-item-disabled:hover{
  background-color: #fff;
  color: @disable-color
}
.ivu-dropdown-item:hover {
  background: @select-item;
}
.ivu-select-dropdown {
//   overflow: visible;
  margin-top: 5px;
}
/********表单form************/
form.ivu-form{
  padding: 0px 10px;
}
.ivu-form-item-error-tip{
  padding-top:1px;
  font-size: 10px;
}
.ivu-form-item {
  margin-bottom: 13px;
}

.ivu-form .ivu-form-item-label{
  color: @text-color;
  height: 30px;
}
/*模态弹窗*/
.ivu-modal-mask{
  background: rgba(0, 0, 0, 0.3);
}
.ivu-modal-content{
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
}
.ivu-modal-header{
  background-color: @deppon-blue-color;
  padding: 14px 20px;
  border-radius: 6px 6px 0 0;
}
.ivu-modal-header p, .ivu-modal-header-inner{
  font-size: 14px;
  color: #fff;
}
.ivu-modal-footer{
  border-color: @normal-border-color;
  padding: 10px 20px;
}
.ivu-modal-body{
  padding: 10px;
}
.ivu-modal-close .ivu-icon-ios-close{
  color: #fff;
}
.ivu-modal-close .ivu-icon-ios-close:hover{
  color: #fff;
  opacity: @hover-opacity;
}
/***提示框****/
.ivu-modal-confirm-head-icon-error{
  color: @error-color
}
.ivu-modal-confirm-head-icon-warning {
  color:@warn-color;
}
.ivu-modal-confirm-head-icon-success {
  color:@success-color;
}
.ivu-modal-confirm-head-icon-info {
    color: @primary-color;
}
.ivu-modal-confirm-head-icon-confirm {
  color: @primary-color;
}
/************************表格***********************************/
/*表格*/
.ivu-table th {
  background-color: #ededed;
}
.ivu-table-row{
  height: 50px;
}
.ivu-table-wrapper{
  margin-top: 10px;
}
.ivue-table{
  color: #333333;
}
.ivu-table-cell.ivu-table-cell-with-selection{
  padding-left: 10px;
  padding-right: 10px;
  min-width: 30px;
}
.ivu-table-cell {
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
}
.ivu-table {
    color:#333;
}
.ivu-table-cell .ivu-btn-primary span{
color: #fff;
}

.ivu-table-cell .ivu-btn-default span{
  color:@primary-color;
  }
  .ivu-btn.ivu-btn-small{
    height: 25px;
  }
  .ivu-table-stripe .ivu-table-body tr.ivu-table-row-hover td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-hover td {
    background-color: #b7ddf8
  }
  
  tr.ivu-table-row-hover td {
    background-color: #b7ddf8
  }
  .ivu-table-row-highlight td,.ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td,.ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td,tr.ivu-table-row-highlight.ivu-table-row-hover td {
    background-color: #b7ddf8
  }
/**主从表**/
.ivu-table-cell-expand .ivu-icon.ivu-icon-ios-arrow-forward::before{
  content: "\25BA";
  font-size: 18px;
}
.ivu-table-cell-expand{
  min-width: 30px;
  i {
    font-size: 12px;
  }
} 
.ivu-table-cell.ivu-table-cell-with-expand{
padding-left: 0px;
}
td.ivu-table-expanded-cell {
  background-color: #F8F8F9;
  padding: 0px 20px;
}

.ivu-table-tip{
  color: @error-color
}
/****分页******/
.ivu-page{
  margin:10px;
}
.ivu-page-item{
  height: @form-height;
  line-height: @form-height;
  border: @border
}
.ivu-page-item a {
  color: @text-color;
}
.ivu-page-item-jump-next, .ivu-page-item-jump-prev, .ivu-page-next, .ivu-page-prev{
  height: @form-height;
  line-height: 21px;
}
.ivu-page-options-elevator input{
  height: @form-height;
}
.ivu-page .ivu-page-item-active{
  background-color:@primary-color ;
  color: #fff;
  a{
    color: #fff;
  }
 }
 .ivu-page.mini .ivu-page-item-active{
  background-color:#fff;
  a{
    color: @primary-color;
  }
 }
 .ivu-page-options,.ivu-page-total{
   color: @text-color;
 }
 .ivu-page-item-jump-next, .ivu-page-item-jump-prev, .ivu-page-next, .ivu-page-prev {
   color: @text-color;
 }
 .ivu-page-next a, .ivu-page-prev a {
  color:@text-color;
}
.ivu-page-prev.ivu-page-disabled a i,.ivu-page-next.ivu-page-disabled a i,.ivu-page-prev.ivu-page-disabled.ivu-page-custom-text a,.ivu-page-next.ivu-page-disabled.ivu-page-custom-text a{
  color: @disable-color;
}
.ivu-page-options-elevator input{
  border: @border;
  color: @text-color
}
.ivu-page-options-elevator{
  color: @text-color;
}
/****************布局**********************/
/*卡片*/
.ivu-card{
  padding: 0px 10px;
  margin-bottom: 10px;
}
.ivu-card-body {
  padding:10px 0 0 0;
  color: @text-color;
}
.ivu-card-bordered {
  border: 1px solid @border-color !important;
  border-color: @border-color !important;
}
.ivu-card-head {
  height: 40px;
  border-bottom: 1px solid @border-color;
  padding: 10px 0px;
  line-height: 1;
  p{
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    font-weight:0;
    color: @deppon-blue-color;
    width:auto;
    display: inline-block;
    position: relative;
    border-bottom: 3px solid @deppon-blue-color;
    min-width: 80px;
    .ivu-icon{
      font-size: 14px;
    }
  }
}
.ivu-card-head p, .ivu-card-head-inner {
  font-weight: 400 !important;
}
.ivu-card-extra{
  a{
    font-size: 12px;
  }
}
/**分割面板**/
.ivu-split-wrapper{
  color: @text-color;
}
/**分割线**/
.ivu-divider{
  background-color: @border-color;
}
.ivu-divider-horizontal.ivu-divider-with-text-center{
  color: @text-color;
}
.ivu-divider.ivu-divider-horizontal.ivu-divider-default.ivu-divider-with-text.ivu-divider-with-text-center{
  &::before{
    border-top: 1px solid @border-color;
  }
  &::after{
    border-top: 1px solid @border-color;
  }
}
.ivu-divider.ivu-divider-horizontal.ivu-divider-default.ivu-divider-with-text-left{
  &::before{
    border-top: 1px solid @border-color;
  }
  &::after{
    border-top: 1px solid @border-color;
  }
}
.ivu-divider.ivu-divider-horizontal.ivu-divider-default.ivu-divider-with-text-right{
  &::before{
    border-top: 1px solid @border-color;
  }
  &::after{
    border-top: 1px solid @border-color;
  }
}
.ivu-divider-dashed {
  background: 0 0;
  border-top: 1px dashed @border-color;
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: @border-color;
}
/**格栅**/

/**折叠面板**/

.ivu-collapse{
  padding: 0px 10px 10px 10px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid @border-color;
  margin-bottom: 10px;
}
.ivu-collapse-content{
  padding: 10px 0 0 0;
  color: #333;
}
.ivu-collapse-item.ivu-collapse-item-active
  > .ivu-collapse-header {
  position: relative;
  padding: 0px;
  border-bottom: 1px solid  @border-color;
  background-color: #fff;
}
.ivu-collapse .ivu-collapse-item.ivu-collapse-item-active::after{
    content: '收起表单';
    position: absolute;
    top: 19px;
    right: 42px;
    background-color: #fff;
    z-index:11;
    color: #999999;  
}
.ivu-collapse > .ivu-collapse-item > .ivu-collapse-header::after{
  content: '';
  border-bottom: 3px solid #003f8e;
  // width: 100px;
  min-width: 80px;
  width: auto;
  position: absolute;
  top: 36px;
  left: 0px;
}

.ivu-collapse-simple>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header{
  border-color: @border-color;
}

.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header{
  color:@deppon-blue-color;
   padding: 0px;
   padding-top: 10px;
  height: 40px;
  line-height: 30px;
  border-bottom: 1px solid @border-color;
}
.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header>i {
  -webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);
  -webkit-transform-origin: 6px 15px;
  -moz-transform-origin: 6px 15px;
  transform-origin: 6px 15px;
  position: absolute;
  top: 13px;
  right: 0px;
  color: #999999;
  &:hover{
    color:#108ee9; 
  }
}

.ivu-collapse>.ivu-collapse-item{
  position: relative;
  background-color: #fff;
}
.ivu-collapse>.ivu-collapse-item::after{
 position: absolute;
  content: '展开表单';
    top: 19px;
    right: 42px;
    color: #999999; 
}
.ivu-collapse-item .ivu-icon-ios-arrow-forward:before{
  content: "\00AB";
  font-size: 24px
}
.ivu-collapse-content>.ivu-collapse-content-box{
  padding:0px;
}
/*tab标签*/
.ivu-tabs{
  color: @text-color;
  background-color: #fff;
  padding: 10px;

}
.ivu-tabs-nav{ 
  .ivu-tabs-tab{
    padding: 11px 10px;
  }
  .ivu-tabs-tab-disabled{
    color:@disable-color;
  }
  .ivu-tabs-tab-active{
    color: @primary-color;
    &:hover{
      color: @primary-hover-color;
    }
  }
  .ivu-tabs-tab:hover {
    color: @primary-color;
  }
}
.ivu-tabs-nav-scrollable{
  padding: 0px 25px;
}
.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-nav-container {
    height: 40px;
    margin-bottom: 0px;
    border: 1px solid #d8d8d8
}
.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab{
  height: 40px;
  border-radius:0;
  margin-right: 0px;
  border-top: 0px;
  border-right: 0px;
  line-height:  30px;
  text-align: center;
  background-color: #fff;
}
.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar{
  border-bottom: 0px;
  .ivu-tabs-nav-right {
      float: right;
      margin-left: 5px;
      margin-top: 10px;
  }
  .ivu-tabs-nav-prev{
    line-height: 38px;
    width: 25px;
    border-right: 1px solid #d8d8d8;
    text-align: center;
    &:hover{
      color: #fff;
      background-color:@deppon-blue-haver-color;
    }
    }
  .ivu-tabs-nav-next{
    line-height: 38px;
    width: 25px;
    border-left: 1px solid #d8d8d8;
    text-align: center;
    &:hover{
      color: #fff;
      background-color:@deppon-blue-haver-color;
    }
  }
}
.ivu-tabs-ink-bar {
  background-color: @primary-color;
  height: 2px;
}
.ivu-tabs.ivu-tabs-card{
    .ivu-tabs-tab{
      min-width: 100px;
      background-color: #fff;
      margin-right: 0px;
      border-radius:0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      &:hover{
        background-color: #b7ddf8;
        width: auto;
        min-width: 100px;
        color: #333;
        border-color: #d8d8d8;
      }
    }
    .ivu-tabs-tab.ivu-tabs-tab-active.ivu-tabs-tab-focused{
      width: auto;
      min-width: 100px;
      color: #333;
      background-color: #b7ddf8;
    }
  } 
.ivu-tabs-nav-container:focus .ivu-tabs-tab-focused{
  border-color:#d8d8d8 !important;
}
